.tree {
  user-select: none;
  overflow: hidden;
  &.disable {
    opacity: 0.5;
  }
  .titleDiv {
    @height: 36px;
    //opacity: 0.8;
    border-radius: 5px;
    //.animation();
    //height: @height;
    //line-height: @height;
    display: flex;
    .rel;
    cursor: pointer;
    .checkbox {
      height: @height;
      width: 30px;
      background-repeat: no-repeat;
      background-position: center center;
      //&.unchecked {
      background-image: url("../img/tree/icon_24_tree_checkbox_unchecked.png");
      //}
      &.checked {
        background-image: url("../img/tree/icon_24_tree_checkbox_checked.png");
      }
      &.partChecked {
        background-image: url("../img/tree/icon_24_tree_checkbox_partchecked.png");
      }
    }
    .icon {
      height: 24px;
      width: 24px;
      margin: ((@height - 24px)/2) 3px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("../img/tree/icon_24_tree_layer.png");
      &.list {
        background-image: url("../img/tree/icon_24_tree_folder.png");
        &.open {
          background-image: url("../img/tree/icon_24_tree_folder_open.png");
        }
      }
      &.loading {
        background-image: url("../img/tree/gif_16_tree_loading.gif") !important;
        background-size: 16px 16px;
      }
      &.link {
        background-image: url("../img/tree/icon_24_tree_link.png");
      }
    }
    .title {
      font-size: 14px;
      margin: auto;
      margin-left: 3px;
      margin-top: 7px;
      margin-bottom: 7px;
      color: @color-white;
      flex: 1;
    }
    .count {
      .fl;
      font-size: 0.8em;
      color: @color-green;
      margin-left: 3px;
      opacity: 0.8;
    }
    &:hover {
      opacity: 1;
      background-color: fade(@theme, 80%);
    }
  }
  .child {
    padding-bottom: 5px;
    padding-left: 20px;
    .hide;
  }
  &.root {
    > .titleDiv {
      .hide();
    }
    > .child {
      padding: 0;
    }
  }

  &.fileTree {
    .titleDiv {
      .icon {
        background-image: url("../img/tree/icon_24_tree_file_pdf.png");
        &.list {
          background-image: url("../img/tree/icon_24_tree_folder.png");
          &.open {
            background-image: url("../img/tree/icon_24_tree_folder_open.png");
          }
        }
      }
    }
    .child {
      padding-left: 0;
    }
  }

}